@import "./util.less";

.header{
    padding: 0 8px;
    position: relative;
    background-color:rgb( 244, 72, 62);
    .logo{
        position: absolute;
        top: 0px;
        left: 8px;
        display: block;
        width: 44px;
        height: 44px;
        line-height: 44px;
        text-align: center;
      .fa-angle-left{
          color: white;
          font-size: 30px;
          line-height: 44px;
      }
        
    }
    >h1{
        width: 100%;
        height: 44px;
        line-height: 44px;
        text-align: center;
        font-weight: normal;
        color: white;
        font-size: 20px;
        margin: 0px;
    }
    .download{
        position: absolute;
        top: 0px;
        right: 5px;
        padding: 7px;
        display: block;
        >img{
            max-height: 34px;
            overflow: hidden;
        }
    }
}

.main{
    >ul{
        width: 100%;
        >li{
            float: left;
            width: 29%;
            height: 100px;
            text-align: center;
            border: 1px solid #ccc;
            margin-left: 3%;
            margin-top: 10px;
            a{
                width: 100%;
                height: 100%-_;
                display: inline-block;
                text-decoration: none;
                color: #333;
                margin-top: 15px;
                img{
                    height: 50px;
                }
                p{
                    margin-top: 8px;
                    text-decoration: none;
                }
            }
        }
    }
}

.nav{
    >ul{
            margin-top: 20px;
            height: 38px;
            background-color: #ebebeb;
            background: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#ebebeb));
            background: -moz-linear-gradient(top, #ffffff, #ebebeb);
            background: -o-linear-gradient(top,#ffffff, #ebebeb);
            border-top: solid 1px #ebebeb;
            border-bottom: 1px solid #ccc;
            line-height: 36px;
            padding-left: 8px;
            font-size: 14px;
            >li{
                float: left;
                a{
                    color: #333;
                    text-decoration: none;
                }
            }
    }
   
}

#footer{
    a{
        color: #333;
        text-decoration: none;
    }
}